	<!DOCTYPE HTML>
	
	<html>
		<head>
			<title>李维的个人主页</title>
			<meta charset="utf-8" />
			<meta name="description" content="李维的个人主页。好coding，不求甚解，每有good idea，便欣然忘食。" />
			<meta name="keywords" content="李维, abreaking，个人主页" />
			<meta name="author" content="李维" />
			
			<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
			<link rel="icon" href="images/icon/favicon.ico" />
			<link rel="stylesheet" href="assets/css/main.css" />
			<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
			<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
			<script src="assets/js/jquery.min.js"></script>
		</head>
		<body>
	
			<!-- Wrapper -->
				<div id="wrapper">
					<!-- Header -->
					<header id="header">
						<div class="content">
							<div class="inner">
								<h1>
									<img src="images/lwdgrzy.png" />
								</h1>
								<p>&nbsp;&nbsp;IT男，九零后，千里求学龙城走。现入蓉漂流。</p>
								<p>好读书，爱旅游，偶尔写诗消消愁。也曾带吴钩。</p>
								<script type="text/javascript">
									var cookie = document.cookie;
									if(cookie.indexOf("user")!=-1){
										//我本人的操作，就不再记录
										
									}else{										
										$.ajax({
											type:"post",
											url:"http://127.0.0.1:8080/visitor/record",
											async:true,
											data:"page=个人主页",
											xhrFields:{
											    withCredentials:true       //可以发送cookie										
											},
											success:function(d){
												//
											}
										});
									}
								</script>
							</div>
						</div>
						<nav>
							<ul>
								<li>
									<a class="img about-me" href="#intro"></a>										
									<a  href="#intro">关于我</a>
								</li>
								<li>
									<a class="img say-sth" href="#contact"></a>
									<a href="#contact">留言</a>
								</li>
								<li>
									<a class="img to_blog" href="http://blog.abreaking.com"></a>
									<a href="http://www.abreaking.com">去我博客</a>
								</li>	
							</ul>
						</nav>
					</header>
	
					<!-- Main -->
					<div id="main">	
						<!-- Intro -->								
							<article id="intro">
								
								<h2 class="major">关于我</h2>
								
								<div class="decorate"></div>
								<div class="decorate second"></div>
								
								<div class="raindrop">
									<img  src="images/icon/raindrop.png" />
									<img  src="images/icon/raindrop.png" />	
									<img  src="images/icon/raindrop.png" />	
								</div>
								
								
								<div class="me descImg">
									<img src="images/me-img.png"/>
								</div>
								<div class="me desc">
									
									<p>
										我是一枚程序猿。或者，你也可以叫我软件工程狮。										
									</p>
									<p>
										我热爱编程，热爱技术，热爱Java。
										编程能让我的逻辑思维更加慎密，喜欢从无到有的设计过程。
										就好像一个雕塑大师正在塑造一件伟大的艺术品一样，既小心翼翼，又充满期待。
									</p>
									<p>
										我也是一个唐诗宋词“粉”，崇尚古文诗词之韵，崇拜诗仙东坡之风。
										编程让我变得“宅”，其实，我愿意走遍祖国河山。
										行走在旅途中，偶尔我也会写写诗记录我的感受。
									</p>
									<p>
										现在，我从事着后台运维开发方面的工作，挣扎在成都贫困线边缘。
										如果，你想更多的了解我，欢迎你访问我的个人<a href="http://blog.abreaking.com">博客</a>。
										或者你也可以在以下网站找到我。
									</p>
									<div class="findMe">
										<ul>									
											<li><img alt="csdn" src="images/icon/csdn.png" onclick="externalLink('https://blog.csdn.net/abreaking2012')"></li>
											<li><img alt="github" src="images/icon/github.png" onclick="externalLink('https://github.com/aBreaking')"></li>
											<li><img alt="开源中国" src="images/icon/kyzg.png" onclick="externalLink('https://my.oschina.net/u/3872591')"></li>
											<li><img alt="今日头条" src="images/icon/toutiao.png" onclick="externalLink('https://www.toutiao.com/c/user/100164093841/#mid=1613400691819524')"></li>
										</ul>
									</div>
									
									
								</div>	
								
							</article>
							

							<article id="contact">
								<div class="decorate">										
								</div>
								<div class="decorate second">										
								</div>
								<div class="raindrop">
									<img  src="images/icon/raindrop.png" />
									<img  src="images/icon/raindrop.png" />	
									<img  src="images/icon/raindrop.png" />	
								</div>
																	
								<h2 class="major" id="10086">留言</h2>
								<div class="me descImg">
									<img src="images/me-img.png"/>
								</div>
								<div class="me message">
									<form method="post" action="http://127.0.0.1/message/submit">										
	           							<input type="hidden" name="anchor" value="contact">
										<div class="">											
											<i class="fa fa-user-o" aria-hidden="true"></i>
											<input type="text" name="author"  placeholder="怎么称呼"/>
										</div>
										<div class="">
											<i class="fa fa-envelope-o" aria-hidden="true"></i>
											<input type="text" name="email" id="email" placeholder="你的邮箱"/>
											<label class="xuantian">选填</label>
										</div>
										<div class="textarea">
											<i class="fa fa-commenting-o" aria-hidden="true"></i>
											<textarea name="text" id="message" rows="4" required="required" placeholder="说两句呗"></textarea>
										</div>
										<ul class="actions">
											<li><input type="button" value="提交留言" class="special" onclick="sendMessage()" /></li>
											<li><input type="reset" value="重置" /></li>
										</ul>									
									</form>
								</div>
								
								<div class="attachment">
									<span>你的留言将会保存在<a href="http://blog.abreaking.com/message">留言板中</a>。如果有留下你的邮箱，我会将回复信息发送至你的邮箱。</span> 
								</div>
								
							</article>
					</div>

				<!-- Footer -->
					<footer id="footer">
						<span class="copyright">&copy; CopyRight 2018 abreaking.com <br> <!--蜀ICP备18001554号-1.--> </span>
					</footer>
	
			</div>
	
			<!-- BG -->
				
				
				<div id="bg">
					<div class="circle"></div>
					<div class="circle"></div>
					<div></div>
					<div class="abreaking-bottom">ABREAKING</div>
				
					<img  class="right-picture" src="images/picture.png" />
					
					<div class="metric">
						<img src="images/icon/metric.png" >
						<img src="images/icon/metric.png" >
						<img src="images/icon/metric.png" >
						<img src="images/icon/metric.png" >	
					</div>					   
				</div>
				
				
		
				
				<script src="assets/js/skel.min.js"></script>
				<script src="assets/js/util.js"></script>
				<script src="assets/js/main.js"></script>
	
		</body>
		<script type="text/javascript">
			function sendMessage(){
				//check
				if($("#message").val()==""){
					alert("写点内容呗");
					return ;
				}
				//submit
				$("#contact form").submit();	
				alert("留言成功");
			}
			function showDetail(){
				$("#detail").show(100);
			}
			function hideDetail(){
				$("#detail").hide(100);
			}
			function externalLink(href){
				window.open(href);
			}
			
		</script>
		
	</html>
